<template>
  <div class="table-index">
    <a-tabs class="table">
      <a-tab-pane key="1">
        <template #title>
          <icon-storage/>
          我的三维
        </template>
        <div class="table_content">
          <List />
        </div>
      </a-tab-pane>
      <a-tab-pane key="2">
        <template #title>
          <icon-storage/>
          我的组态
        </template>
        Content of Tab Panel 2
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script lang="ts" setup>
import List from './components/list/List.vue'
</script>
<style lang="less">
.table-index {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  > .table {
    width: 100%;
    height: calc(100% - 10px);
    .arco-tabs-content{
      width: 100%;
      height: calc(100% - 40px);
      .arco-tabs-content-list{
        height: 100%;
        .arco-tabs-pane{
          height: 100%;
        }
      }
    }
    .table_content{
      height: 100%;
    }
  }
}
</style>
